/*-  CSS Reset
----------------------------------------------------------------------*/
@import url("reset.css");
@import url("font.css");

/*-  CSS
----------------------------------------------------------------------*/

/* GLOBAL */
h2, h3, h4, h5 {
	color : #0b4a52;
	border-bottom : 2px solid #0b4a52;
	margin : 5px 0;
}
h1 {
	font-size : 2em;
}
h2 {
	font-size : 1.4em;
}
h3 {
	font-size : 1.2em;
}
h4 {
	font-size : 1.1em;
}
h5 {
	font-size : 1.05em;
}
ul {
	list-style-position: inside;
}
a {
	color : #e99f00;
	text-decoration : none;
}
a:hover {
	color : #da9500;
	text-decoration : underline;
}
.underline {
	text-decoration : underline;
}
/* Messages */
.errors-message {
	border : 2px solid #C61717;
	background-color : #C6ACAC;
	color : #840f0f;
	margin-bottom : 5px;
	padding : 5px;
}
.validation-message {
	border : 2px solid #5FAD21;
	background-color : #A2B791;
	color : #315911;
	margin-bottom : 5px;
	padding : 5px;
}
/* Formulaires */
#main label {
	display : block;
}
#main input[type="text"], #main input[type="password"], #main textarea {
	margin : 5px 0;
	padding : 2px;
	border : 1px solid #0b5159;
}
#main select {
	margin : 5px 0;
	padding : 2px;
	border : 1px solid #0b5159;
}
#main input[type="text"]:focus, #main input[type="password"]:focus, #main textarea:focus {
	border : 1px solid #e99f00;
}
/* images */
img {
	border : 1px solid #0b4a52;
	margin : 5px;
}
img.floatleft {
	margin : 10px 10px 10px 0;
}
img.floatright {
	margin : 10px 0 10px 10px;
}
.floatleft {
	float : left;
}
.floatright {
	float : right;
}
.clear  {
	clear: both;
}
body {
	background : url(../img/fond.jpg) no-repeat top center #0c5159;
	font-size : 1em;
	font: 1em 'Trebuchet MS', Arial, sans-serif;
}
#page {
	width : 950px;
	margin : auto;
    -moz-box-shadow: 0px 0px 15px #191919;
    -webkit-box-shadow: 0px 0px 15px #191919;
    box-shadow: 0px 0px 15px #191919;
}
/* MENU */
nav {
	position : relative;
	height : 70px;
	z-index : 500;
}
nav ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}
nav ul li {
	margin : 0;
	padding : 0;
}
nav ul li a {
	padding: 		0.2em 0.4em;
	display : block;
}
nav ul li ul li a, nav ul li ul li ul li a  {
	padding: 		0.2em 1.2em;
	display : block;
}
nav ul a:hover {
	background:		#ce8516;
	text-decoration: none;
}
	
/*
nav ul li.niveau1 {
	background-image: url(../img/fleche.png);
	background-repeat: no-repeat;
	background-position: right center;
}
nav ul li.niveau1 ul {
	display : none;
}
nav ul li.niveau1 ul li.niveau2 {
	background-image: url(../img/fleche.png);
	background-repeat: no-repeat;
	background-position: right center;
	list-style-type:square;
}
*/
#menu-association-contenu, #menu-adherent-contenu {
	display : none;
	background-color : #ea9d32;
	color : white;
	height : 276px;
	padding : 4px 9px;
	border : 2px solid #9B6821;
	max-width: 320px;
}
#menu-association-contenu {
	border-left : none;
}
#menu-adherent-contenu {
	border-right : none;
}
#menu-association-contenu a, #menu-adherent-contenu a {
	color : white;
}
h2.lien-menu2, h2.lien-menu {
	padding : 16px 25px 17px 25px;
	color : #DF9630;
	border : none;
}
h2.lien-menu2:hover, h2.lien-menu:hover {
	cursor : pointer;
}
#menu-association h2 { text-align : left; }
#menu-adherent h2 { text-align : right; }
#menu-adherent h3 { 
	color : #0b4a52;
	padding : 2px;
}
#menu-association {
	position : absolute;
	left : 0;
}
#menu-adherent {
	position : absolute;
	right : 0;
}
/* Formulaire connexion */
#menu-adherent-contenu input[type="password"] {
	margin-bottom : 10px;
}
#bouton-membre, #bouton-entreprise {
	border : 1px solid #0C5159;
	padding : 4px;
	background-color : #18A0B0;
	color : white;
}
#main .champ-password {
	margin-bottom : 15px;
}
/* BANNIERE */
#banniere {
	background : url(../img/banniere.png) no-repeat;
	height : 286px;
	border-bottom:  20px solid #022426;
	position : relative;
}
#banniere h1 {
	color : white;
	position : absolute;
	bottom : -14px;
	right : 25px;
	z-index : 1000;
}
/* MAIN */
#main  {
	background-color : white;
	padding : 20px 10px 10px 10px;
	text-align : justify;
}
#main .table-full {
	width : 100%;
}
#main .table-full th, #main .table-full td  {
	text-align : left;
}
#main p#pagination {
	padding : 10px 0;
	text-align : center;
}
#main p#pagination a {
	padding : 3px;
	border : 1px solid black;
}
#main p#pagination a:hover {
	background-color : #FFEBCF;
	color : black;
	border : 1px solid #DF9630;
}
#menu-adherent-contenu input[type="text"] {
	display : block;
}
#main #tabs {
	font-size : 1em;
}
/* FOOTER */
footer {
	clear : both;
	border-top : 1px solid black;
	padding : 5px;
	margin-top : 10px;
	text-align : center;
}